﻿@charset "utf-8";
/* CSS Document */
/*------- reset -------*/
/*
author: web63.cn
Date:2015/01/01;
Version:1.0;
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
	}

/* HTML5标签初始化 
--------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* 标签初始化 
--------------------------------------------------*/
body { line-height: 1; color:#333;font:14px/1.5 Arial, Helvetica, Verdana, sans-serif;}
ol, ul,li{ list-style: none; }
blockquote, q { 
	quotes: none; 
	border-left: solid 4px #39c;
	margin-left: 10px;
	padding-left: 10px;
	background: whitesmoke;
	margin: 10px auto;
	padding: 6px 10px;
	color: #666;
	font-size: 20px;
}
i,em{
	font-style:normal;
	font-weight:100;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a img{ border:0}
h1{ font-size:20px; font-weight: normal;}
h2{ font-size:18px;  font-weight: normal;}
h3{ font-size:16px; font-weight: normal; }
h4{ font-size:14px;  font-weight: normal;}
h5, h6{ font-size:12px;  font-weight: normal;}



div{display:block;}

table{ border-collapse: separate;border-spacing: 0;}th, td {text-align: left; font-weight: normal;} img, iframe {border: none; text-decoration:none;}input, textarea, select, button {font-size: 100%;font-family: inherit;margin:0;padding:0;}select {margin: inherit;} hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
strong,b{font-weight:100;}
input,button{border: 0;outline:none;}
button:hover{cursor:pointer;}
/* 解决Google浏览器字体不小于12px的问题
--------------------------------------------------*/
html{ -webkit-text-size-adjust:none;}
a{color: #333;text-decoration: none;}
a:hover{text-decoration: none;color: #ff0000;}
a{outline: none;}
a:active{*star: expression(this.onFocus=this.blur());}
a:focus{*outline: 0; }


/*常用样式*/
.pr{ position:relative}
.fb,strong{ font-weight:700;}
.fb0{ font-weight:100;}
.hid{overflow:hidden;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.db{display: block;}
.imglink{display: block;text-align: center;}
.radius {border-radius:5px; background:#fff;overflow:hidden;padding:12px;}
/*input 框提示文字 html5*/
.placeholder{color:#888888;}
input::-webkit-input-placeholder{	color: #888888;}
input::-moz-placeholder{color: #888888;}
textarea::-webkit-input-placeholder{color: #888888;}
textarea::-moz-placeholder{color: #888888;}
img{width: 100%;max-height: 100%}
/*清除浮动*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{ clear:both; }/* For IE 6/7 (trigger hasLayout) */
.clearfix{zoom:1;margin-top:12px;}
.clear{clear:both;height:0px;overflow:hidden;}

/* 定义全局通用样式 */
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float:left;}
.fr{float:right;}
.hide{display: none;}
.full{width: 100%}
.container{
	width:1200px;
	overflow: hidden;
	max-width: 1200px;
	margin:0 auto;
}
.vc{
	display: table-cell;
   vertical-align: middle;
   /*text-align: center;*/
}
/*头部*/
.index-a{width:100%;overflow: hidden;}
.index-b{width:1200px;overflow: hidden;margin:0 auto;}
.index-logo{width:100%;height:100px;float:left;}
.index-logo1{width:550px;float:left;margin-left:15px}
.index-logo1 img{width:auto;}
.index-logo1 h1{position:absolute;top:100px;padding-left:120px;width:300px;height:20px;font-size:16px;color:#333;font-family: "微软雅黑", "黑体","宋体";}
.index-logo1 .nh1{position:absolute;top:100px;padding-left:120px;width:300px;height:20px;font-size:16px;color:#333;font-family: "微软雅黑", "黑体","宋体";}
.index-logo2{width:350px;height:80px;background:url(../images/teltop.png) no-repeat left;float:right;margin-top:10px;}
.index-logo2-tel{width:270px;height:20px;float:left;font-size:15px;color:#333333;font-family:"微软雅黑", "黑体", "宋体";padding-top:10px;text-align:left;padding-left:50px;}
.index-logo2-tel1{width:285px;height:20px;float:left;font-size:30px;line-height: 32px;color:#FF0000;font-family:impact;padding-top:5px;text-align:left;padding-left:50px;}
.index-logo-m{display: none;}
.index-b .index-logo1 b{
    position: absolute;
    top: 100px;
    padding-left: 120px;
    width: 300px;
    height: 20px;
    font-size: 16px;
    color: #333;
    font-family: "微软雅黑", "黑体","宋体";
    display: block; 
}

.header{}
.headerTop{background: #eee;overflow: hidden;}
.welcome{height: 32px;line-height: 32px;}
.headerContact{}
.headerContact a{height: 32px;line-height: 32px;padding:0 2px;font-size: 12px;}
.headerContact span{height: 32px;line-height: 32px;padding:0 2px;font-size: 12px;}
.logocontainer{width:50%;}
.logo{width:100%;height: 140px;}
.logo_mobile{display:none}
.procontainer{width:320px;}
.pro{width: 100%;/*height:140px;*/overflow: hidden; padding-top:48px;}
.pro .prot{font-size: 28px;}

.telimg{width: 50px;padding-top: 38px;margin-right: 10px;margin-top:28px;}

.tel{padding-top: 50px;}
.tel .ctext{font-size: 12px;color: red;padding-top:5px;display: none;}
.tel .numberp{color:red;font-size: 28px;height:32px;font-family: impact}
/*导航*/
.navcontainer{background: /*#0077a1*/ url(../images/navbg.jpg)repeat-x 0 bottom;width: 100%;height: 74px}
.navcontainer .navul{width: 1200px;margin:0 auto;}
.navcontainer ul li{width: 10%;float: left;height: 68px;line-height: 68px;}
.navcontainer ul li a{color:#fff;font-size: 16px;display: inline-block;width: 100%;text-align: center;}
.navcontainer .active{/*color: #ff0000*/}
.navcontainer>ul >li> a:hover{background: url(../images/hover.png)no-repeat center 0px;}

.sub{display: none;position: absolute;z-index: 20;width:12%;}
.sub li{
	float: none !important;
    width: 195px !important;
    background: #006eb5;
    height: 47px !important;
    line-height: 47px !important;
	overflow:hidden;
}
.sub li a{display: inline-block;text-align:left !important;padding-left:50px; background: #0077a1 url(../images/leftli-sub.jpg) no-repeat left center;}
.sub li a:hover{background: url(../images/lefthover-sub.jpg)}
.navcontainer >ul>li:hover .sub{display: block;}

/*banner*/
.banner{overflow: hidden;position: relative;height:auto;}
.banner img{width: 100%;max-height: 460px;}
.banner .hd {text-align: center;position: absolute;width: 100%!important;line-height: 5px;bottom:15px;left: 0;}
.banner .hd span {display: inline-block;width: 43px;height: 5px;line-height: 5px;background: #C7C7C7;margin: 0 5px;cursor: pointer;}
.banner .hd span.on {background: #0077a1;} 

.hotseller {background:url(../images/marqueebg.jpg) center 0 no-repeat;height:73px;margin-bottom: 5px;}
.hotseller span{float: left;display: block;width: 90px;height: 59px;text-align: center;    font: 600 18px/59px 'Microsoft YaHei';color: #fff;}
.hotseller marquee {float: left; width: 670px; height: 59px;font: 12px/59px 'Simsun';color: #fff;}

/*产品中心*/
.product{overflow: hidden;}
.product  ul{overflow: hidden;}
.product .product_cat{width: 245px;float: left;}
.product .product_cat .title{text-align:center;height: 60px;line-height: 60px;background: #0077a1 url(../images/leftmore.jpg) no-repeat left center;margin-bottom: 8px;}
.product .product_cat h2{color:#fff;font-size: 22px;}
.product .product_cat >ul>li {text-align:left;}
.product .product_cat >ul>li>a {padding-left:60px;display: block;color:#fff;width: 100%;font-size:15px;background: #0077a1 url(../images/leftli.jpg) no-repeat left center;line-height: 47px;margin-bottom: 8px;}
.product .product_cat >ul>li>a:hover{background: url(../images/lefthover.jpg)}
.product .product_cat .articlelist{text-align:left}
.product .product_cat .articlelist li{border-bottom: 1px solid #ccc;}
.product .product_cat .articlelist a {color:#666;width: 100%;font-size:14px;padding-left:16px;line-height: 34px;height:34px;background:url(../images/a_ns02.gif) no-repeat 8px 5px;}
/* .articlelist li:before{ content:''; width:4px; height:4px; border-radius:50%; background:#000; display:inline-block; margin-right:5px; vertical-align:middle; margin-top:-3px;} */
.product .product_cat .articlelist li:hover{background:#eee}

.product .product_list{float:right;width: 78%;}
.product .product_list .title{height: 60px;line-height: 60px;background: #0077a1 url(../images/t1.jpg) no-repeat left center;margin-bottom: 8px;}
.product .product_list .title span{color:#fff;font-size: 20px;padding-left: 14px;display: inline-block;line-height: 40px;}
.product .product_list .title a{color:#fff;font-size: 12px;padding-right: 14px;display: inline-block;float: right}
.product .product_list ul li{width: 23.5%;overflow: hidden;text-align: center;float:left;margin-right:2%;margin-bottom:15px;}
.product .product_list ul li a{color:#fff;}
.product .product_list ul li:nth-child(4n){margin-right: 0}
.product .product_list ul li:hover{cursor:pointer;}
.product .product_list ul li:hover a{color:#ff0000;}
.product .product_list ul li .lititle{background:#0077a1;line-height:32px;height:32px;overflow:hidden}
.product .product_list ul li .img{width:100%;height:205px;overflow:hidden;}
.product .product_list ul li img{width: 100%;height: 100%;}

/*首页优势*/
.advantage,.advantage ul{overflow: hidden;}

.advcontent li{overflow: hidden;margin-top:30px;border-bottom:1px #ccc dashed;padding-bottom: 20px}
.advcontent .txt-box{width: 45%;display: table;overflow: hidden;padding: 0 2.5%;}
.advcontent .des{width: 100%;}
.advcontent .des .title{font-size:28px;font-weight:600;margin-top:20px;height:42px;line-height:42px;padding-left:50px;margin-bottom:5px;}
.advcontent .des .title span{border-bottom:1px #ccc solid;padding-bottom: 5px}
.advcontent .des .ys1{background:url(../images/ys_title_1.jpg) no-repeat;background-size:42px;}
.advcontent .des .ys2{background:url(../images/ys_title_2.jpg) no-repeat;background-size:42px;}
.advcontent .des .ys3{background:url(../images/ys_title_3.jpg) no-repeat;background-size:42px;}
.advcontent .des .ys4{background:url(../images/ys_title_4.jpg) no-repeat;background-size:42px;}
.advcontent .des  p{line-height:28px;font-size:15px;background: url(../images/d.png)repeat-y 14px 0;padding-left:30px;}
.advcontent .img{width: 48%;}


/*通用title*/
.title_con{width:100%;overflow: hidden;background: url(../images/r1.png) no-repeat left bottom; height: 50px;width: 100%;line-height: 50px;}
.title_con .title{float:left;padding-left:30px;}
.title_con .title span{font-size: 20px;color:#0077a1;}
.title_con .title i{font-size: 16px}
.title_con .more{float:right;}
.title_con .more a{height: 32px;line-height: 32px;}
.mobile_s{display: none}

.about_title{
    text-align: center;
    font-size:26px;
    margin:15px 0 10px 0;
    border-bottom:2.5px solid #0077a1;
    width:100%;
}

/*案例展示*/
.case_container{margin-top: 12px;}
.case{margin-top: 8px;}
.case li{width: 24%;margin:0 0.5%;float:left;}
.case li .con{border:1px solid #ddd;overflow: hidden;padding:3px;}
.case li .con a{text-align: center;display: block;}
.case .a{padding: 5px;font-size: 14px;font-weight: 600;}
.case li:hover{cursor:pointer;}
.case li:hover a{color:#0077a1;}
.case li:hover .con{border:1px solid #0077a1;}

/*公司简介*/
.about{margin-top: 12px;float:left;height: 285px;overflow: hidden;width:65%}
.about .img{width: 300px;float:left;padding:10px 8px 5px 0px;height: 180px;overflow: hidden;}
.about .aboutus{padding-top: 5px;line-height: 26px;}

.about_full{float:left;overflow: hidden;width:100%;}
.about_full .content{border:1px solid #aaa;padding:0 5px;overflow: hidden;border-radius:5px;margin-top:8px;}
.about_full .img{width:48%;float:left;padding:0px 8px 0px 0px;max-height: 100%;overflow: hidden;}
.about_full .aboutus{padding-top: 5px;line-height: 26px;width:48%;float:right;}
.about_full .aboutus h3{line-height:60px;font-size:24px;}
.about_full .showmore a{text-decoration:none;display: block;float: left;width:108px; padding-left: 57px; margin-right: 24px;height: 45px;line-height: 45px;font-size: 18px;color: #fff;}
.about_full .showmore .abtn1{background:url("../images/abtn1h.jpg") no-repeat 0 0;}
.about_full .showmore .abtn1:hover{background:url("../images/abtn1.jpg") no-repeat 0 0;}
.about_full .showmore .abtn2{background:url("../images/abtn1h.jpg") no-repeat -169px 0;}
.about_full .showmore .abtn2:hover{background:url("../images/abtn1.jpg") no-repeat -169px 0;}
.about_full .showmore .abtn3{background:url("../images/abtn1h.jpg") no-repeat -340px 0; margin-right: 0}
.about_full .showmore .abtn3:hover{background:url("../images/abtn1.jpg") no-repeat -340px 0;}

/**/
.contact_list  li {height: 34px;line-height: 34px;overflow: hidden;}
.contact_list li a{display: inline-flex;height: 34px;line-height: 34px;overflow: hidden;}
.contact_list li span{display: inline-block;float: right;}
/*技术专题*/
.tech{margin-top: 12px;width: 32%;float:right;height: 285px;}

.tech_list li {height: 34px;line-height: 34px;overflow: hidden;border-bottom:1px dashed #aaa;/*list-style:circle inside*/}
.tech_list li:before{ content:''; width:4px; height:4px; border-radius:50%; background:#000; display:inline-block; margin-right:5px; vertical-align:middle; margin-top:-3px;}
.tech_list li a{display: inline-flex;height: 34px;line-height: 34px;overflow: hidden;}
.tech_list li span{display: inline-block;float: right;}

/*企业荣誉*/
.honor_list{overflow: hidden;width:100%;margin: 0px auto;min-height:195px;position: relative;margin-top: 20px}
/*.honor_list ul{position: absolute;top:0;left:0;z-index: 1;overflow: hidden;}*/
.honor_list ul li{width:273px;float: left;text-align: center;padding:5px;border:1px #dedede solid;margin-right: 20px}
.honor_list ul li:last-child{margin-right:0;}
.honor_list ul li img{height:190px;width:100%;}
.honor_list ul li .a{line-height: 35px;height: 35px;display: block;font-size: 15px;font-weight: bold;}
.honor_list ul li p{text-align: left;line-height: 24px;padding:0 15px;}
/*推荐产品*/
.tjpro{width: 100%;padding-top: 10px;background-color: #bddbfc;padding-bottom: 30px}
.tjpro .title_con{background: url(../images/r1.png) no-repeat left bottom; height: 50px;width: 100%;line-height: 50px;margin-bottom:30px;border-bottom: 0}
.tjpro .title_con span{display: block;float: left;line-height: 50px;color:#0077a1;font-weight: bold;padding-left: 30px;font-size: 18px}
.tjpro .title_con .more{float: right;}
.tjpro .pro_list{overflow: hidden;position: relative;padding:0 70px;}
.tjpro .pro_list .pro_list_item{
    width: 220px;
    height: 220px;
    float: left;
    padding: 10px 10px 10px 15px;}
.tjpro .pro_list .pic{width: 100%;}
.tjpro .pro_list .pic img{width: 100%;height: 180px}
.tjpro .pro_list .txt{background: #FFF;font-size: 12px;line-height: 50px;text-align: center;height: 50px;}
.swiper-button-next{width: 42px;height: 84px;background: url(../images/rbtn.png)no-repeat left center;margin-top:-42px;}
.swiper-button-prev{width: 42px;height: 84px;background: url(../images/lbtn.png)no-repeat left center;margin-top:-42px;}
/*采购指南*/
.purchase{width: 32%;float: left;margin-right: 2%}

.news{width: 32%;float: left;margin-right: 2%}

.question{width: 32%;float: left;}
.jishu_list{display:none}
.jishu_list li {height: 34px;line-height: 34px;overflow: hidden;border-bottom:1px dashed #aaa;/*list-style:circle inside*/}
.jishu_list li:before{ content:''; width:4px; height:4px; border-radius:50%; background:#000; display:inline-block; margin-right:5px; vertical-align:middle; margin-top:-3px;}
.jishu_list li a{display: inline-flex;height: 34px;line-height: 34px;overflow: hidden;}
.jishu_list li span{display: inline-block;float: right;}
#faqs:hover .jishu_list{display:block}
#faqs:hover .gdbox{display:block}
#jishu:hover .jishu_list{display:block}
#jishu:hover .gdbox{display:block}

.gdbox{height: 262px;overflow: hidden;margin: 5px;}
.question .q {margin: 5px 0;height: 26px;overflow: hidden;}
.question .q i{width: 24px;height: 24px;display: inline-block;background: #0077a1;color:#fff;text-align: center;line-height: 26px;}
.question .q a{line-height: 26px;height:26px;display: inline;padding-left: 8px;}
.question .a {line-height:26px;max-height: 52px;overflow: hidden;}
.question .a i{width: 24px;height: 24px;margin-right: 8px;display: inline-block;background: #eee;color:#0077a1;text-align: center;line-height: 26px;}
.question .a span{display: inline;line-height: 26px;height:26px;}
.question .a a{color:#0058c3;font-size: 12px;padding:0 8px;}

.question_list li{margin:5px 0;padding-bottom: 5px;border-bottom:1px dashed #aaa;}
.question_list {
	padding-left: 5px;
   display: inline-block;
   animation: 10s wordsLoop linear infinite normal;
}
@keyframes wordsLoop {
	0% {transform: translateY(0px);-webkit-transform: translateY(0px);}
	100% {transform: translateY(-50%);-webkit-transform: translateY(-50%);}
}
.deanpname{margin:10px;}
.deanpname ul li{width:200px;float:left;font-size:16px;}

/*底部导航*/
.footer{margin-top:20px;}
.footer_pc{background: #131313;height: 52px;color:#fff;width:100%;}
.nav_pc a{line-height: 52px;display: inline-block;padding:0 20px;color:#fff;font-size: 14px;}
.footer_yl{background: #fff}
.wrap1 {margin: 20px auto 0 auto;color: #000000;border:1px #6995a5 solid;}
.fLink {position: relative;}
.sideTit {width: 1160px;height: 30px;padding:0 20px;margin-bottom: 5px}
.both, .clear {clear: both;}
.fLink ul {padding: 0px;float: left;margin-top: -0px;}
.sideTit ul {}
.height50{color: #FFF}
.height50 a{line-height:26px;font-size:12px;color:#FFF;}
.fLink .this {/*background: #fff;*/}
.sideTit .this {/*color: #000;background: #FFF;*/}
.fLink li {padding-right: 10px;height: 28px;font-size: 13px;line-height: 28px;float: left;}
.sideTit li {float: left;height: 30px;line-height: 30px;cursor: pointer;text-align: center;color: #FFF;font-size: 14px;padding-right:20px;border-bottom:1px #6995a5 solid}
.fLinkList{width: 1160px;display: table;margin-bottom: 15px;padding:0 20px;}
.footer_logo{background: #0077a1;width: 100%;display: table;}
.flogo{width: 30%;float: left;margin-right: 20px;height: 180px;display: flex;justify-content: center;align-items: center;}
/*.flogo img{width:auto;max-height: 80%}*/
.footer_logo .com{padding-top: 20px;}
.footer_logo .com p{color:#fff;line-height: 24px;}
.footer_logo .com a{color:#fff;}
.footer_nav_wrap{overflow: hidden;line-height: 26px;margin:15px auto 5px auto;width:1200px;}
.footer_nav_wrap a{color:#fff}
.footer_nav_wrap a:hover{color:#ff0000}
.footer_nav_wrap .title{font-size:16px;font-weight: 700;color:#fff;line-height:42px;}
.footer_nav_wrap .footer_news{width:12%;}
.footer_nav_wrap .footer_product{width:45%;}
.footer_nav_wrap .footer_product li{display:inline-block;float:left;width:33%;}
.footer_nav_wrap .footer_contact{width:23%;}
.footer_nav_wrap .footer_er{width:154px;float:right;}

.footer_nav_wrap .footer_er p{
    float:left; 
    display:block;
    writing-mode: tb-rl;
    letter-spacing: 4px;
    font-size: 14px;
    
}

.copyright{text-align:center;line-height:32px;background:#333}
.copyright a{color:#fff}
.nav_mobile{display: none;}
.mobile_con{background: #0077a1;text-align: center;margin-bottom:70px;padding:10px 10%}
.mobile_con p{line-height: 34px;font-size: 15px;color:#fff;}




/*content*/
.left_con{float:left;width: 245px;}
.left_con  h2{height: 60px;line-height: 60px;background: #0077a1 url(../images/leftmore.jpg) no-repeat left center;margin-bottom: 8px;font-size: 20px;}
.left_con .pro_list ul{overflow: hidden;margin-top: 12px;}
/*.left_con .pro_list ul li{height: 28px;line-height: 28px;padding-left: 16px;font-size: 15px;}*/

.left_con .pro_list ul li {color:#fff;width: 100%;font-size:15px;margin-bottom: 8px;text-align: left;padding-left:80px;background: #0077a1 url(../images/leftli.jpg) no-repeat left center;line-height: 47px;}
.left_con .pro_list ul li a{color: #fff;}
.left_con .pro_list ul li:hover {background: url(../images/lefthover.jpg)}
.left_con .pro_list ul li:hover a{color:#FFF;}
.left_con .title{color:#fff;text-align: center;font-size: 20px;padding:0}
.left_con .title_con{background:none;}
.left_con .title_con .title span{color:#fff}
.left_con .similar{overflow: hidden;width:100%;}
.left_con .similar ul{overflow: hidden;border: 1px solid #ddd;}
.left_con .similar ul li{width: 100%;text-align: center;margin-bottom: 8px;}
.left_con .similar  ul li img{height:140px;width:100%;}

.similar_product{overflow: hidden;width:100%;margin-top: 20px auto;}
.similar_product ul{overflow: hidden;padding: 10px 0;}
.similar_product ul li{width: 24%;float: left;margin:0 0.5%;text-align: center}
.similar_product ul li img{height:140px;width:100%;}

.left_con .contact  .title{background-color:#0077a1;line-height:44px}
.left_con .contact{overflow: hidden;border:1px solid #0059ca;background: #eee;margin-top: 20px;}
.left_con .contact p{line-height: 32px;padding-left: 16px}
/*.left_con .contact span{width: 50px;display: inline-block;}*/
.right_con{float:right;width:calc(100% - 260px);}
.breadcrumb{border:1px solid #ddd;border-radius: 3px;line-height: 32px;height: 32px;padding-left: 8px;}
.article{padding:8px;overflow: hidden;border:1px solid #ddd;border-radius: 3px;margin-top: 20px}
.article div img{display:block;margin:10px auto;} 
.article p img {
    display: block;
    margin: 10px auto;
}
.article p{line-height: 28px;margin-top: 5px;font-size: 14px;}
.article_about{margin-top:20px;min-height:400px;}
.article_about h1{padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #aaa;}
.article_about .contact{width: 100%;float: left}
.article_about .er{width: 150px;float: left}
.article .titlepic{text-align: center}
.article .titlepic img{width: 426px;height: 266px;}
.article h1{text-align: center;}
.article .writer{text-align: center;margin: 5px 0;}
.article .writer span{margin: 0 5px;}
.article .des{font-size: 12px;line-height: 24px;border-bottom: 1px dashed #ddd;border-top:1px dashed #ddd;padding:5px 0;margin:8px;}

.right_con .similar{overflow: hidden;}
.right_con .similar ul li{
	/* line-height: 26px;padding-left: 8px;margin-bottom: 5px;border-bottom:1px dashed #ddd; */
	height: 32px;
    line-height: 32px;
    font-size: 15px;
    padding-left: 16px;
    /* background: url(../images/liststyle.jpg) no-repeat; */
    list-style: circle inside;
    padding-bottom: 5px;
    border-bottom: 1.5px dashed #ddd;
}
.right_con .similar ul li span{display:inline-block;float:right}

/*产品列表*/
.right_con .product_list_2{padding:12px;overflow: hidden;border:1px solid #ddd;border-radius: 3px;margin-top: 20px}
.right_con .product_list_2 li{padding:5px 0; border-bottom:1px dashed #aaa;}
.right_con .product_list_2 .img{width: 130px;height: 100px;float:left;margin-right: 12px;}
.right_con .product_list_2  img{width: 130px;height: 100px;}
.right_con .product_list_2 .con {height: 100px;overflow: hidden;}
.right_con .product_list_2 .con a{line-height: 26px;}
.right_con .product_list_2 .con p{line-height: 24px;font-size: 12px;}

.showpage{margin-top:6px;text-align:center}

/*新闻列表*/
.news_list{padding:12px;overflow: hidden;border:1px solid #ddd;border-radius: 3px;margin-top: 20px}
.news_list ul li{
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	padding-left: 16px;
	/*background: url('../images/liststyle.jpg') no-repeat;*/
	list-style: circle inside;
	padding-bottom: 5px;
	border-bottom: 1.5px dashed #ddd
}

.article img { width: auto;}

.news_list ul li a{display: inline-block;}
.news_list ul li span{display: inline-block;float: right;font-size: 14px;color:#666;}
/*产品中心列表*/
.right_con .product_list{padding:12px;overflow: hidden;border:1px solid #ddd;border-radius: 3px;margin-top: 20px}
.right_con .product_list .title{height: 60px;line-height: 60px;background: #0077a1;margin-bottom: 8px;}
.right_con .product_list .title span{color:#fff;font-size: 20px;padding-left: 14px;display: inline-block;line-height: 40px;}
.right_con .product_list .title a{color:#fff;font-size: 12px;padding-right: 14px;display: inline-block;float: right}
.right_con .product_list ul li{width: 23.5%;overflow: hidden;text-align: center;float:left;margin-right:2%;}
.right_con .product_list ul li:nth-child(4n){margin-right: 0}
/* .right_con .product_list ul li img{border:1px solid #ddd;} */
.right_con .product_list ul li:hover{cursor:pointer;}
.right_con .product_list ul li:hover a{color:#ff0000;}
/* .right_con .product_list ul li:hover img{border:1px solid #ff0000;} */
.right_con .product_list ul li img{width: 95%;max-height: 95%;padding:1.5%;overflow:hidden;height: 205px;}

.article_left_con{float:right;width: 245px;}
.article_right_con{float:left;width:calc(100% - 260px);}
.article_left_con .similar{overflow: hidden;width:100%;margin-bottom: 15px}
.article_left_con .similar ul{overflow: hidden;border: 1px solid #ddd;}
.article_left_con .similar ul li{width: 100%;margin-bottom: 8px;padding-left:12px}
.article_left_con .similar  ul li img{height:140px;width:100%;}
.article_left_con .title{color:#fff;text-align: center;font-size: 16px;padding:0;background: #0077a1;line-height:32px;}

@media(max-width:1360px){
	.container{
		width:90%;
		overflow: hidden;
	}
	.navcontainer .navul{width:auto}
	.product .product_list ul li .img {width: 95%;max-height: 95%;height: auto;padding: 1.5%;overflow: hidden;}
}
@media(max-width:1072px){
	.navcontainer ul{width: 100%}
	.telimg{padding-left: 10%;padding-top: 10px;display:none}
	.tel{padding-top: 10px;float:right}
	.tel .ctext{display:none}
	.tjpro .pro_list{width: 100%;padding:0;}
	.honor_list ul li{width: 22%;margin-right: 2%}
	.honor_list ul li:last-child{margin-right: 0}
	.honor_list ul li img{width: 100%;height: auto;height: 125px}
	.product .product_list{width: 74%}
}
@media(max-width:1024px){
	.container{
		width:100%;
		overflow: hidden;
		margin:0 auto;
	}
	
	.footer_pc{display: none}
	.nav_mobile{display: block;}
	.index-b{width: 100%;overflow: hidden;}
	.index-logo{display: none}
	.index-logo-m{display: block;}
	.index-logo-m img{width: 100%;height: auto;}

}
@media(max-width:900px){
	.index-b{width: 100%;overflow: hidden;}
	.index-logo{display: none}
	.index-logo-m{display: block;}
	.index-logo-m img{width: 100%;height: auto;}
	.container{
		max-width: 800px;
	}
	.headerTop{display: none;}
	.logo{height: auto}
	.logocontainer{width: 100%;height: auto}
	.pro{display: none}
	.telimg{padding-left: 10%;padding-top: 10px;display:none}
	.tel{display:none}
	.tel .ctext{display:none}
	.logo_pc{display:none}
	.logo_mobile{display:block}
	/*导航*/
	.navcontainer{background: #fff;overflow: hidden;height:auto}
	.navcontainer ul li{width: 19%;height:36px;line-height:36px;background:#0077a1;margin:2px 0.5%;border-radius: 5px}
	.navcontainer ul li a{border-radius: 5px;font-size: 12px;}
	
	.hotseller{display: none;}
	.about_full .showmore{display:none}
	/*产品中心*/
	
	.product .product_cat{width: 100%;float: none;text-align: left;padding:0 2%;margin-bottom: 8px;}
	.product .product_cat .title{height:auto;background: #fff;margin-bottom: 0;line-height: 32px;}
	.product .product_cat li{display:inline}
	.product .product_cat h2{color:#333;font-size: 18px;display: inline-block;}
	.product .product_cat >ul>li{display:inline-block;height:32px;line-height:32px;border:1px solid #0077a1;border-radius:5px;margin-bottom:5px;}
	.product .product_cat >ul>li> a {display: inline;color:#333;width:auto;background: #fff;padding:0 6px;margin-bottom: 0;line-height:32px;}
	.product .product_cat  >ul>li>a:hover{color:#ff0000;background: #fff}
	.product .product_cat .articlelist{display:none}
	
	
	.product .product_list{float:none;width: 100%;}
	.product .product_list .title{height: 36px;line-height: 36px;background: #0077a1;margin-bottom: 8px;}
	.product .product_list .title span{color:#fff;font-size: 16px;padding-left: 14px;display: inline-block;line-height: 40px;}
	.product .product_list .title a{color:#fff;font-size: 12px;padding-right: 14px;display: inline-block;float: right}
	.product .product_list ul li{width: 32%;margin-right:1.5%}
	.product .product_list ul li p{line-height: 24px;height: 24px;overflow: hidden;}
	.product .product_list ul li img {width: 95%;max-height: 95%;height: 120px;padding: 1.5%;overflow: hidden;}
	.product .product_list ul li:nth-child(4n) {
		margin-right: 1.5%;
	}
	.product .product_list ul li:nth-child(3n) {
		margin-right: 0;
	}
	/*首页优势*/
	.advcontent .des{width: 100%;height:auto;float: none;}
	.advcontent .des .title{font-size:22px;font-weight:600;padding-top:5px;}
	.advcontent .des  p{font-size:14px;}
	.advcontent .img{width:100%}
	/*通用title*/
	.title_con{border-bottom: 1px solid #0077a1;padding-bottom: 0;}
	.title_con .title span{font-size: 16px;}
	.title_con .title i{font-size: 12px}
	.title_con .more a{height: 24px;line-height: 24px;}
	/*案例展示*/
	.case_container{margin-top: 6px;}
	.case{margin-top: 6px;}
	.case li{width: 24%;margin:0 0.5%;float:left;}
	.case li .con a{text-align: left;}
	.case .a{overflow: hidden;height: 24px;line-height: 24px;padding: 0;font-size: 12px;}
	.case li .con p{display: none}

	/*公司简介*/
	.about{margin-top: 6px;width:100%;float:left;height: auto;overflow: hidden;}
	.about .img{width: 300px;float:left;height: 180px;}
	.about .aboutus{padding-top: 5px;line-height: 26px;}
	.about .content{padding:0 5px;}
	.about_full .img{width:50%;float:none;margin:0 auto;display:none}
	.about_full .aboutus{width:100%;float:none;}
	/*技术专题*/
	.tech{margin-top: 6px;width: 100%;float:none;height: auto;}
	.tech_list{padding:0 5px;}
	.tech_list li {height: 26px;line-height: 26px;margin-bottom: 5px}
	.tech_list li a{width:70%;height: 26px;line-height: 26px;font-size: 14px}


	/*企业荣誉*/
	.honor_list ul li{width: 45.6%;margin-right: 2%;margin-bottom: 10px}
	.honor_list ul li:nth-child(even){margin-right: 0}
	.honor_list ul li p{padding:0;}
	.mobile_s{display: block;}

	.purchase{width: 100%;float: none;margin-right: 0}
	.news{display:none}
	.question{display:none}

	.advcontent .txt-box{width: 95%}
	/*content*/
	.left_con{float:none;width: 100%;}
	.left_con .pro_list h2{background: #fff;color:#333;text-align: left;display: inline;line-height: 40px;}
	.left_con .pro_list ul{border:none;background: #fff}
	.left_con .pro_list ul li{float:left;width: auto;margin: 0 8px;padding-left:0px;text-align:center; background: #fff;display:inline-block;height:32px;line-height:32px;border:1px solid #0077a1;border-radius:5px;margin-bottom:5px;}
	.left_con .pro_list ul li a{color:#333;padding:0 6px;}
	.left_con .contact{display: none}
	.left_con .similar{display: none}
	/*.left_con .contact span{width: 50px;display: inline-block;}*/
	.right_con{float:none;width: 100%;}
	.breadcrumb{width:98%;border-bottom: :1px solid #ddd;border-top:none;border-left:none;border-right: none}

	.right_con .product_list{float:none;width: 100%;}
	.right_con .product_list .title{height: 36px;line-height: 36px;background: #0077a1;margin-bottom: 8px;}
	.right_con .product_list .title span{color:#fff;font-size: 16px;padding-left: 14px;display: inline-block;line-height: 40px;}
	.right_con .product_list .title a{color:#fff;font-size: 12px;padding-right: 14px;display: inline-block;float: right}
	.right_con .product_list ul li{width: 32%;margin-right: 1.5%}
	.right_con .product_list ul li p{line-height: 24px;height: 24px;overflow: hidden;}
	.right_con .product_list ul li:nth-child(4n){margin-right: 1.5%}
	.right_con .product_list ul li:nth-child(3n){margin-right: 0}

	.similar_product ul li{width: 48%;}
	/*隐藏首页客服*/
	#lovexin12 {display: none}
	.footer_yl{display:none}
	.article img { width: 100%;height:100%;}
	.news_list ul li{list-style:none;padding-left:0px;}
    .news_list ul li a{width:55%;white-space:nowrap;overflow:hidden;}
	.article_about .contact{width: 100%;float: none}
	.footer_nav { width: 100%; height: 65px; position: fixed!important; bottom: 0; right: 0; z-index: 9999; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
	.foot {background:#0077a1; width: 100%; position: fixed; height: 65px; bottom: 0; left: 0; z-index: 10; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
	.foot-relative { position: relative; width: 100%; height: 65px; }
	.foot a { display: block; float: left; width: 25%; color: #fff }
	.foot a span { display: block; width: 100%; text-align: center; font-size: 25px;line-height:38px; }
	.foot a h3 { width: 100%; text-align: center; font: 14px/10px "microsoft yahei"; }
	@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot'); src: url('../fonts/icomoon.eot') format('embedded-opentype'),  url('../fonts/icomoon.ttf') format('truetype'),  url('../fonts/icomoon.woff') format('woff'),  url('../fonts/icomoon.svg') format('svg'); font-weight: normal; font-style: normal; }
	.iconfont { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; 
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
}


.standard{
    width:48%;
    margin-right: 4%;
    float: left;
}
.standardnew{
    width:48%;
    float: right;
}
.standard_list{}
.standard_list li{clear: both;height:150px;overflow: hidden;border-bottom: 1px dashed;padding-top: 10px;}
.standard_list .index-new2-pic{width:35%;float: left;}
.standard_list img{height:140px;max-width: 100%;}
.standard_list .index-new2{width:63%;float: right;}
.standard_list .index-new2-bt{line-height: 28px;height: 28px;overflow: hidden;}
.standard_list .index-new2-bt a{color:#0077a1}
.standard_list .index-new2-sm{font-size: 13px;line-height: 24px;}
@media(max-width:1024px){
	.standard{
display:none;
        width:100%;
        float: none;
    }
    .standardnew{
        width:100%;
        float: none;
display:none;
    }

}



